<template>
  <img alt="Vue logo" src="./assets/logo.png" />
  <HelloWorld msg="Hello Vue 3.0 + Vite" />
  <div class="home">
    {{name}}
    <div class="main">
    11111
    </div>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'
import { computed } from 'vue';
import { useStore } from 'vuex';
export default {
  name: 'App',
  setup() {
    const store = useStore();
    const name = computed(() => store.getters.getUserName);
    return {
      name
    }
  },
  components: {
    HelloWorld
  }
}
</script>

<style lang="scss">
.home {
  color: red;
  .main {
    width: 100px;
  }
}
</style>